<template>
  <div class="row">
    <AutoScrollTable
      :data-source="rows"
      :visible-rows="5"
      :row-height="40"
      :speed="0.5"
    />
  </div>
</template>

<script setup lang="ts">
import AutoScrollTable from "./AutoScrollTable.vue";

const rows = [
  { name: "张三", dept: "技术部", score: 98 },
  { name: "李四", dept: "设计部", score: 92 },
  { name: "王五", dept: "市场部", score: 88 },
  { name: "赵六", dept: "运营部", score: 93 },
  { name: "钱七", dept: "客服部", score: 85 },
  { name: "孙八", dept: "测试部", score: 90 },
  { name: "周九", dept: "技术部", score: 96 },
  { name: "吴十", dept: "产品部", score: 91 },
];
</script>

<style lang="less" scoped>
.row {
  height: 200px;
  width: 400px;
  border: 1px solid #ccc;
  background-color: rgb(101, 104, 126);
}
</style>
